﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="About.aspx.cs" Inherits="OnlineCellphoneStore.SitePages.About" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>About Us</title>

    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />

    <!-- My CSS -->
    <link href="../Design/colors.css" rel="stylesheet" type="text/css" />
    <link href="../Design/fonts.css" rel="stylesheet" type="text/css" />
    <link href="../Design/style.css" rel="stylesheet" type="text/css" />

    <!-- Latest compiled and minified jQuery -->
    <script src="../JavaScript/jquery-2.1.1.min.js"></script>

    <!-- Bootstrap -->
    <link href="../Bootstrap3.11/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../Bootstrap3.11/css/bootstrap-theme.css" rel="stylesheet" type="text/css" />
    <script src="../Bootstrap3.11/js/bootstrap.min.js"></script>

    <!-- Holder -->
    <script src="../Holder/holder.js"></script>
</head>
<body class="background-color-lightblue" style="font-family: 'Century Gothic';">
    <form id="form1" runat="server">
        <div class="container background-color-white">
            <div id="shortcuts" class="row background-color-azure">
                <ul id="anonymousUserOptions" class="nav navbar-nav pull-right" runat="server">
                    <li class="black" style="text-decoration: underline;"><a href="../Account/Login.aspx"><span class="glyphicon glyphicon-user"></span>
                        Log in</a></li>
                    <li class="black" style="text-decoration: underline;"><a href="../Account/Register.aspx"><span class="glyphicon glyphicon-pencil"></span>
                        Register</a></li>
                </ul>
                <ul id="registerdUserOptions" class="nav navbar-nav navbar-right" style="display: none;" runat="server">
                    <li class="black"><a id="aHelloUser" runat="server"><span class="glyphicon glyphicon-user"></span>
                        Hello </a></li>
                    <li class="black"><a id="aLastEntered" runat="server"><span class="glyphicon glyphicon-time"></span>
                        Last Entered: </a></li>
                    <li class="black" style="text-decoration: underline;"><a href="#" runat="server" onserverclick=" LogOut_Click"><span class="glyphicon glyphicon-off"></span>
                        Log out</a></li>
                </ul>
                <ol class="breadcrumb" style="background-color: white; margin-top: 8px;">
                    <li><a href="../Main.aspx"><i class="icon-home"></i>
                        Home </a><span class="divider"></span></li>
                    <li class="active"><i class="icon-user"></i>
                        About </li>
                    <li><a href="Contact.aspx"><i class="icon-envelope"></i>
                        Contact </a><span class="divider"></span></li>
                </ol>
            </div>
            <div id="header" class="row-fluid background-color-mylightblue shadow border">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="4"></li>
                    </ol>
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <img src="../Images/banner1.jpg" />
                            <div class="carousel-caption">
                                <h2>Online Cellphone Store</h2>
                                <p>Best Prices</p>
                            </div>
                        </div>
                        <div class="item">
                            <img src="../Images/banner2.jpg" />
                            <div class="carousel-caption">
                                <h2>Online Cellphone Store</h2>
                                <p>Newest Phones</p>
                            </div>
                        </div>
                        <div class="item">
                            <img src="../Images/banner3.jpg" />
                            <div class="carousel-caption">
                                <h2>Online Cellphone Store</h2>
                                <p>Full Warranty</p>
                            </div>
                        </div>
                        <div class="item">
                            <img src="../Images/banner4.jpg" />
                            <div class="carousel-caption">
                                <h2>Online Cellphone Store</h2>
                                <p>Best Deals</p>
                            </div>
                        </div>
                        <div class="item">
                            <img src="../Images/banner5.jpg" />
                            <div class="carousel-caption">
                                <h2>Online Cellphone Store</h2>
                                <p>Fast Delivery</p>
                            </div>
                        </div>
                    </div>
                    <script>
                        $('.carousel').carousel({
                            interval: 4000
                        });
                    </script>
                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                    </a>
                </div>
            </div>
            <div id="menu" class="row-fluid">
                <nav class="navbar navbar-default" role="navigation">
                    <div class="container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <a class="navbar-brand" href="#">Online Store </a>
                        </div>
                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul id="NavBar" class="nav navbar-nav" runat="server">
                                <li><a href="../Search.aspx"><span class="glyphicon glyphicon-list"></span>
                                    All Products</a></li>
                                <li><a id="ShopingCartLink" runat="server"><span class="glyphicon glyphicon-shopping-cart"></span>
                                    My Shoping Cart </a></li>
                            </ul>
                        </div>
                        <!-- /.navbar-collapse -->
                    </div>
                    <!-- /.container-fluid -->
                </nav>
            </div>
            <div id="content" class="row-fluid form-inline">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <span class="glyphicon glyphicon-phone"></span>
                        About us
                    </div>
                    <div class="panel-body center-block text-center">
                        <div>
                            <h1 style="border-bottom: 1px solid;">
                                Our challenges
                            </h1>
                            <h4>The main thing we have constituted a barrier was managing users. 
That means, control over a user's session, the distinction between anonymous users to registered ones, 
Control over the login screens if the user paging in the site, and more.
                                The next challenge was dealing with the site's database through code. We learned and added DAL to our project. It helps
                                us to manage our SQL queries and caring the database connections. This and more, its gives us the possibility not to deal at all with SQL queries that happen behind the scenes, 
                                creating a layer of abstraction for our code.
                                We learned about designing and investigated the bootstrap and learned how easy and powerful tool is it to design a site. We did not use template and the whole site designed by bootstrap tools.
                            </h4>
                            <br />
                        </div>
                        <h1>Dan Ziv</h1>
                        <div>
                            <h4>Personal Website in <a href="http://danz.esy.es/">this</a> link.</h4>
                        </div>
                        <br />
                        <h1>Danny Shefer</h1>
                        <div>
                            <h4>Personal Website in <a href="https://dl.dropboxusercontent.com/u/49505332/html5up-prologue/index.html">this</a> link.</h4>
                        </div>
                        <br />
                        <div>
                            <h3>Our PacMan app in <a href="https://dl.dropboxusercontent.com/u/65425820/PacManApp/index.html">this</a> link.</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer" class="text-center center-block background-color-lightblue border-color">
            <br />
            <br />
            <br />
            <div class="row">
                <p>This site designed and build as an assingment for the course "Web Development Environments", 2014, BGU</p>
                <p>Copyright &copy; Dan Ziv & Daniel Shefer | <a href="http://www.w3schools.com/html/html5_intro.asp" style="color: white;">HTML5</a> | <a href="http://www.w3schools.com/css/css3_intro.asp" style="color: white;">CSS3</a> | <a href="http://getbootstrap.com/" style="color: white;">Bootstrap 3.11</a></p>
            </div>
            <br />
        </div>
    </form>
</body>
</html>

